import router from '@/router'
import store from '@/store' // store===this.$store
import Nprogress from 'nprogress'
import 'nprogress/nprogress.css'
import { cancelAll } from '@/utils/request'
const whitePage = ['/404', '/login']
router.beforeEach(async (to, from, next) => {
  /*
不需要登录就可进入的页面叫白名单页面  404  login
      如果有token
        要进入的页面是登录页
             跳转到首页
        要进入的页面非登录页
             正常进入
      如果没有token
         要进入的页面是白名单页面，
              正常进入
         要进入的页面非白名单页面
             跳转到登录页
    */
  Nprogress.start()
  if (store.state.user.token) {
    if (to.path.toLowerCase() === '/login') {
      next('/')
    } else {
      // 判断用户是否有用户信息
      if (store.state.user.userInfo.userId) {
        // 有则正常登录
        next()
      } else {
        // 没有就调用接口获取用户信息，获取完成后需要加入async与await将异步代码转为同步代码
        await store.dispatch('user/getUserInfo')
        next()
      }
    }
  } else {
    if (whitePage.includes(to.path.toLowerCase())) {
      next()
    } else {
      next('/login?redirect=' + to.fullPath)
    }
  }
  Nprogress.done()
})

router.afterEach((to, from) => {
  Nprogress.done()
  cancelAll()
})
